<template>
    <div>
        <el-container >
            <el-aside width="200px" style="padding: 0;">
            <el-row >
                <el-col>
                    <el-menu router class="el-menu-vertical-demo" style="background-color: #F7F7F7; border: 0;">
                        <el-menu-item index="/service">
                            <i class="element-icons element-icon-yisheng"></i>
                            <span slot="title">项目服务</span>
                        </el-menu-item>
                        <el-menu-item index="2">
                            <i class="element-icons element-icon-31huiyuanqia"></i>
                            <span slot="title">开卡充值</span>
                        </el-menu-item>
                        <el-menu-item index="3">
                            <i class="element-icons element-icon-shangpin"></i>
                            <span slot="title">商品套餐</span>
                        </el-menu-item>
                        <el-menu-item index="4">
                            <i class="element-icons element-icon-yuyue"></i>
                            <span slot="title">预约管理</span>
                        </el-menu-item>
                        <el-menu-item index="5">
                            <i class="element-icons element-icon-zijinshouzhi"></i>
                            <span slot="title">日常收支</span>
                        </el-menu-item>
                    </el-menu>
                </el-col>
            </el-row>
        </el-aside>
        <el-main style="padding: 0;">
            <router-view></router-view>
        </el-main>
        </el-container>
    </div>
    
</template>
<script>

</script>

<style>
.el-menu-item{
    margin-top: 20px;
}
.el-aside {
    background-color: #F7F7F7;
    color: #333;
    text-align: center;
  }
  
.el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
  }
span{
     margin-left: 15px;
     font-size: 18px
    }
</style>